<%@ page language="java" import="java.util.*,com.chj.entity.*, com.chj.constants.Constants" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
  <head>
    <base href="<%=basePath%>">

    <title>我要支付</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <!-- css/evtcar.css -->
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="css/easyui/themes/default/easyui.css" />
    <link type="text/css" rel="stylesheet" href="css/evtcar.css" />
    <link type="text/css" rel="stylesheet" href="css/person/userInf.css" />
    <link type="text/css" rel="stylesheet" href="font-awesome/css/font-awesome.min.css" />
    <link type="text/css" rel="stylesheet" href="css/demo.css"   />
    <link type="text/css" rel="stylesheet" href="css/easyui/themes/icon.css">

    <!-- 导入JS -->
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript" src="js/jquery/1.6/jquery-1.6.min.js"></script>
    <script type="text/javascript" src="js/easyui/1.4/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/easyui/1.4/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/staticinfo.js"></script>


  </head>

  <body>
    <!--顶部导航栏开始 -->
    <%@include file="head.jsp"%>
    <!--下面是中部导航栏的代码-->
    <div class="nav-green nav-head" id="J_m_nav">
        <div class="nav-content">
            <div class="nav-btn"><a href="index.do">首页</a></div>
            <div class="nav-btn active"><a href="ecarcharge/we_need_charge.do">我要充电</a></div>
            <div class="nav-btn"><a href="person/person_center.do">个人中心</a></div>
            <div class="nav-btn"><a href="about_me.do">关于我们</a></div>
            <div class="nav-btn"><a href="person/person_help.do">用户帮助</a></div>
        </div>
    </div>
    </header>
<div class="main">
    <div class="newcontainer">
        <div id="user-card">
            <div class="inners clearfix without-side">
                <div class="content function" style="width: 1024px; margin: 0px auto; font-size: 23px;">
                    <p>订单编号：${order.orderId}</p>
                    <p>订单网点名称：${network.networkName}</p>
                    <p>订单车位名称：${park.parkName}</p>
                    <p>订单电动汽车车牌：${ecar.ecarId}, 电动车名称：${ecar.ecarName}</p>
                    <p>充电时间段：${chargeTimeBegin} - ${chargeTimeEnd}</p>
                    <p>充电时长：${order.orderTimeLong}</p>
                    <p>订单金额：${order.parkPayMoney}</p>
                    <br/>
                </div>
                <div style="width:1024px; text-align: right;">
                <button type="button" class="btn btn-danger" onclick="payforOrder();">全额支付</button><button type="button" class="btn btn-danger">取消</button>
                </div>
                </div>
            </div>
        </div>
        
    </div>
</div>
<div style="width: 100px;height: 100px;"></div>
    <%@include file="footer.jsp"%>
  </body>
<script type="text/javascript">
var date = new Date();

var begintime =  '${chargeTimeBegin}';
var endtime   =  '${chargeTimeEnd}';

$('#chargeTimeBegin').datetimebox({
    value: begintime ,
    required: true
});

$('#chargeTimeEnd').datetimebox({
    value: endtime ,
    required: true
});


var orderPk = '${order.orderPk}';

function payforOrder(){

	window.location.href = 'ecarcharge/pay_for_order.do?orderPk='+orderPk;
}

function deleteforOrder(){
	window.location.href = 'ecarcharge/delete_for_order.do?orderPk='+orderPk;
}

</script>
</html>
